<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>欢迎光临</title>
    <style>
      blockquote {
        background-color: yellow;
        width: fit-content;
      }

      q {
        background-color: orange;
      }
      
    </style>
  </head>
  <body>
    <header>
        <img src="img/logo.png">
    </header>
    <main>
        <h1>网页开发基础</h1>
        <p>网页开发是一门计算机应用的<strong>专业基础课程</strong></p>
        <p>主要内容分为</p>
        <ul>
          <li>html</li>
          <li>css</li>
          <li>javascript</li>
        </ul>
        <p>古人云：</p>
        <blockquote>千里之行，始于足下</blockquote>
        
    
        <p>
          学习过程中，我们推荐从<a href="w3school.com.cn/w3c/w3c_china.asp"
            >w3c中国</a
          >和<a href="https://developer.mozilla.org/zh-CN/">MDN</a>中查阅资料。

        </p>

        <p>
          <q>
            talk is cheap, show me your code
          </q>
          让我们开始学习之旅吧！
        </p>      

    </main>
    <footer>
      <time datetime="2017-07-03"></time>
    </footer>
  </body>
</html>
